
body{
    text-align: center;
    margin: 0;
    padding: 0;
    background-image:url('../image/background/bg_t_12.png');
    background-position:center;
    background-attachment: fixed;
    background-repeat: repeat;
}

#swap{
    width:1100px;
    margin: auto;
    text-align: left;
    margin-top:60px;
    margin-bottom:10px;
}

#header_area{
    text-align: center;
    box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 15px #999;
    -moz-box-shadow: 0 0 15px #999;
    border-bottom: 1px solid #999;
    position:fixed;
    width:100%;
    top:0px;
    z-index:999;
    background-image:url('../image/background/bg_t_12.png');
    background-position:center;
    background-attachment: fixed;
    background-repeat: repeat;
    background-color:#FFF;
}
/** Format header*/
#header{
    height:50px;
    margin:auto;
    width:1100px;
}
#header>div{
    line-height: 50px;
    vertical-align: middle;
    position:relative;
}
/* Format footer*/
#footer{
    height: 200px;
    background-image:url('../image/background/bg_t_12.png');
    background-position:center;
    background-attachment: fixed;
    background-repeat: repeat;
    box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 15px #999;
    -moz-box-shadow: 0 0 15px #999;
    border-bottom: 1px solid #999;
    background-color:#333;
}
/* last
#bt_menu{
height:30px;
width:30px;
background-image:url('../image/menu.png');
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
border:2px solid transparent;
outline: none;
vertical-align: middle;
border-radius:4px;
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
}*/

#bt_menu:hover{
    border-color: #444;
}

#bt_home{
    display: inline-block;
    height:28px;
    width:28px;
    background-image:url('../image/home_small.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border:2px solid transparent;
    outline: none;
    vertical-align: middle;
    border-radius:4px;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
#bt_home:hover, #bt_new_message:hover{
    border-color: #444;
}

.main_menu_area{
    width:250px;
    position:absolute;
    top:55px;
    left:-15px;
    border:1px solid #CCC;
    background-color: #FFF;
    text-align: left;
    display: none;
    padding-bottom:10px;
}

.main_menu_area::after{
    content: '';
    width:24px;
    height:24px;
    background-image: url('../image/dropdown_arrow.png');
    position:absolute;
    top:-19px;
    left:50%;
    margin-left:-6px;
}

.notification_panel{
    width:400px;
    position:absolute;
    top:55px;
    left:17px;
    border:1px solid #CCC;
    background-color: #FFF;
    text-align: left;
    display: none;
    min-height: 200px;
}

.notification_panel::after{
    content: '';
    width:24px;
    height:24px;
    background-image: url('../image/dropdown_arrow.png');
    position:absolute;
    top:-19px;
    left:50%;
    margin-left:-6px;
}
/**--------------------------------*/

.avatar_header{
    max-height: 44px;
    vertical-align: middle;
}

#right_content{
    min-height: 500px;
}

.product_content{
    position:relative;
}

/** Format hot product area*/
#hot_panel{
    height: 300px;
    background-color:#EEE;
    position:relative;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    -webkit-user-select: none; 
    -moz-user-select: none;     
    -ms-user-select: none; 
    width:880px;
    float: right;
}

.hot_panel_content{
    height: 100%;
    width:100%;
    background-color: #333;
    overflow: hidden;
    position:relative;
}
.scroll_hot_panel{
    height: 100%;
    width:999999px;
    position:absolute;
    top:0px;
    left:-470px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}
.pre_hot_product,.next_hot_product{
    background-color:rgba(0,150,0,0.9);
    width:64px;
    height:64px;
    position:absolute;
    top:50%;
    margin-top:-32px;
}

.pre_hot_product{
    left:-10px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background-image:url('../image/pre.png');
}

.next_hot_product{
    right:-10px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    background-image:url('../image/next.png');
}

.left_panel_hot_product,.right_panel_hot_product{
    width:130px;
    height: 280px;
    position:absolute;
    top:10px;
    background-color: rgba(0,0,0,0.5);
}
.left_panel_hot_product{
    left:10px;
}
.right_panel_hot_product{
    right:10px;
}

.hot_product_item{
    width:600px;
    height: 100%;
    float: left;
    position:relative;
}
.hot_product_content{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width:100%;
    height:100%;
    position:relative;
    text-align: center;
    vertical-align: middle;
    line-height: 280px;
}
.hot_product_content img{
    max-width: 600px;
    max-height: 280px;
    vertical-align: middle;
}

.scroll_hot_panel .hot_product_item:nth-child(5n){
    background-color:#017ba0;
}
.scroll_hot_panel .hot_product_item:nth-child(5n + 1){
    background-color:#eda920;
}
.scroll_hot_panel .hot_product_item:nth-child(5n + 2){
    background-color:#c73538;
}
.scroll_hot_panel .hot_product_item:nth-child(5n + 3){
    background-color:#018e95;
}
.scroll_hot_panel .hot_product_item:nth-child(5n + 4){
    background-color:#88bf26;
}
/** Format background color*/
/** Mau xanh da troi*/
.hot_product_item:nth-child(5n) .panel_info_hot_product{
    background-color:rgba(1,123,160,0.8);
}
/** Mau vang*/
.hot_product_item:nth-child(5n+1) .panel_info_hot_product{
    background-color:rgba(237,169,32,0.8);
}
/** Mau nau do*/
.hot_product_item:nth-child(5n+2) .panel_info_hot_product{
    background-color:rgba(199,53,56,0.8);
}
/** Mau xanh luc*/
.hot_product_item:nth-child(5n+3) .panel_info_hot_product{
    background-color:rgba(0,175,0,0.8);
}
/** Mau xanh la ma*/
.hot_product_item:nth-child(5n+4) .panel_info_hot_product{
    background-color:rgba(136,191,38,0.8);
}

/** Forat style color*/
.blue_style{
    background-color:rgba(1,123,160,0.8);
}
.yellow_style{
    background-color:rgba(237,169,32,0.8);
}
.red_style{
    background-color:rgba(199,53,56,0.8);
}
.green_style{
    background-color:rgba(0,175,0,0.8);
}
.bright_green_style{
    background-color:rgba(1,123,160,0.8);
}
/**--------------------*/
.panel_info_hot_product{
    width:100%;
    position:absolute;
    left:0px;
    bottom:0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    padding-left: 10px;
    padding-right: 10px;
}

/*.hot_product_item:hover .panel_info_hot_product{
bottom:0px;
}*/
.panel_info_hot_product h3{
    font-size: 14px;
    color: #FFF;
    font-family: 'Open Sans',arial,sans-serif;
    margin-bottom: 0;
}
.panel_info_hot_product p{
    color: #FFF;
    font-size: 11px;
    margin-top:0px;
    text-shadow: 0 0 20px #000;
}
.panel_info_hot_product p:nth-child(3){
    margin-top: -10px;
}

/** Format user area*/
.user_panel{
    position:relative;
}
.user_option{
    z-index:99999;
    margin:0;
    background-color:#FFF;
    list-style: none;
    padding:0;
    position:absolute;
    top: 60px;
    right: -9px;
    width:200px;
    /*box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;*/
    display:none;
    border:1px solid #CCC;
    padding-top:10px;
    padding-bottom:10px;
}
.user_option li{
    font-size:13px;
    color:#333;
    /*padding-left: 20px;*/
    height:32px;
    line-height:32px;
    cursor: default;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    border-top:1px solid #EEE;
}
.user_option li:first-child{
    border:none;
}
.user_option>li>a{
    display: block;
    padding-left:20px;
    color:#333;
}
.user_option:after{
    content: '';
    width:24px;
    height:24px;
    background-image: url('../image/dropdown_arrow.png');
    position:absolute;
    top:-19px;
    right:18px;
}

/** Format Leftcontent*/
#left_content h3 a:visited{
    color:#333 !important;
}
#left_content h3{
    display: 
    inline-block;
    margin: 0px;
    font-size:13px;
    color:#333;
}
#left_content h3 a{
    color:#333;
}
#left_content img{
    vertical-align: middle;
    margin-left: 20px;
}

/** Format left category*/
.left_category_area{
    margin-left:20px;  
    margin-right:10px; 
    margin-top:10px; 
}
.active_category{
    background-color:rgba(199,53,56,0.8);
}
.active_category>a{
    color:#FFF !important;
}
.left_category_area ul{
    padding-left:10px;
    margin:0;
    list-style: none;
    font-weight: normal;
}
.left_category_area a{
    font-size:13px;
    color:#333;
    padding-left:10px;
    line-height:24px;
    height:24px;
    display:block;
}
.left_category_area>ul{
    padding-left: 0px !important;
    font-weight: bold;
}

.menu_left_item{
    height: 50px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 50px;
    border-bottom:1px solid #CCC;
}

/** Format button */
.link_button{
    background: -webkit-linear-gradient(top, #5F8EDC, #5F8EDC);
    background: -moz-linear-gradient(top, #5F8EDC, #5F8EDC);
    background: -ms-linear-gradient(top, #5F8EDC, #5F8EDC);
    border: 1px solid #2F6ACB;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.06) inset;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #538CEA;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    outline: none;
    cursor: default;
}
.link_button:hover{
    background: -webkit-linear-gradient(top, #5F8EDC, #7B8FCE);
    background: -moz-linear-gradient(top, #5F8EDC, #7B8FCE);
    background: -ms-linear-gradient(top, #5F8EDC, #7B8FCE);
}

/** Format form page*/
#form_page{
    text-align: left;
}

.fixed-dialog{
    position: fixed !important;
}
.ui-widget-overlay{
    background-image:none !important;
    background-color:black !important;
    opacity: 0.8 !important;
}

/** Format title*/
.title{
    font-size:16px;
    font-family: 'Open Sans',arial,sans-serif;
    color:#FFF;
    padding-left:20px;
    height:40px;
    line-height: 40px;
    margin:0px;
    text-shadow: 0 0 3px #666;
    border-left:10px solid rgba(0,0,0,0.3);
    font-weight:500;
    cursor: default;
    clear: both;
}

/** Format horizontal_block category */
.horizontal_block{
    border: 1px solid #CCC;
    border-top:none;
    background-color:rgba(255,255,255,0.5);
    padding-left:20px;
}
.horizontal_block ul{
    list-style: none;
    margin: 0;
    padding:0;
}

.horizontal_block a{
    height:32px;
    float: left;
    line-height: 32px;
    font-size:13px;
    font-family: 'Open Sans',arial,sans-serif;
    color:#333;
    padding-left:20px;
    padding-right:20px;
    font-weight: bold;
    position:relative;
}

.horizontal_block a::after{
    content: '';
    width:20px;
    height:100%;
    position:absolute;
    right:0px;
    background-image:url('../image/arrow_right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.bt_edit_product a::after{
    background: none;
}
/*
.horizontal_block>ul>li:nth-child(1) a{
background-color:rgba(0,175,0,0.8);
}

.horizontal_block>ul li:nth-child(2) a{
background-color:rgba(237,169,32,0.8);
}

.horizontal_block>ul li:nth-child(3) a{
background-color:rgba(199,53,56,0.8);
}

.horizontal_block>ul li:nth-child(4) a{
background-color:rgba(0,175,0,0.8);
}
*/
.dropdown{
    display: inline-block;
    position:relative;
}
.dropdown::after{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #333;
    margin-top: -4px;
    left:50%;
    margin-left: 4px;
    position:absolute;
    top:50%;
    left:0px;
    cursor: pointer;
}

/** Format custom combobox*/
.custom_combobox{
    /*height:38px;*/
    height: 36px;
    position:relative;
    display:inline-block;
}
.dropdown_combobox{
    background-repeat: no-repeat;
    background-position: center;
    width: 34px;
    height: 34px;
    display:inline-block;
    position:absolute;
    right:4px;
    top: 1px;
    text-align: center;
    line-height: 34px;
    font-size: 26px;
    color: #999;
}
.custom_combobox input[type = "text"]{
    padding-right:36px;
}
input[type="text"]:disabled{
    background-color: #EEE;
    -webkit-user-select: none; 
    -moz-user-select: none;    
    -ms-user-select: none;
    cursor: default;
}
.option_panel{
    position:absolute;
    min-width:99.3%;
    background-color: #FFF;
    /*border:1px solid #666;
    top:36px;*/
    border:1px solid #DDD;
    top:35px;
    left:0px;
    z-index:999999;
    display: none;
    height:200px;
    overflow: hidden;
    -webkit-user-select: none; 
    -moz-user-select: none;    
    -ms-user-select: none;
}
.option_panel ul{
    list-style: none;
    padding:0px;
    margin:0px;
    position:absolute;
    top:0px;
    display: block;
    width:100%;
}
.has_image{
    line-height: 50px !important;
    height: 50px !important;
    padding-left:80px !important;
    position:relative;
}
.has_image div{
    position:absolute;
    left:10px;
    top:0;
    vertical-align: middle;
    line-height: 50px;
    height: 50px;
    width:60px;
    text-align: center;
}
.has_image img{
    max-height: 46px;
    max-width:50px;
    vertical-align: middle;
    margin-top: -3px;
}
.option_panel li{
    line-height: 32px;
    height:32px;
    font-size:13px;
    padding-left: 20px;
    font-weight: bold;
    color:#444;
    transition-delay:0.1s;
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    cursor: default;
    overflow: hidden;
}
.option_panel li:hover{
    background-color:rgba(1,123,160,0.6);
    color:#FFF;
}

.scroll_bar{
    position:absolute;
    width:8px;
    height:100%;
    top:0px;
    right:0px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    background-color:rgba(0, 0, 0, 0.3);
    opacity: 0;
}
.scroll_bar div{
    width:8px;
    height:50px;
    position:absolute;
    left:0px;
    top:0px;
    background-color:rgba(1, 123, 160, 0.8);
}

.option_panel:hover .scroll_bar{
    opacity: 1;
}

/** Format search page*/
.advance_search_panel{
    height:0px;
    overflow: hidden;
    position:relative;
}

.condition_item{
    padding-left:20px;
    margin-top:10px;
    display: none;
    position:relative;
}
.remove_condition{
    position:absolute;
    right:10px;
    top:10px;
    height:24px;
    width:24px;
    background-image: url(../image/remove_condition);
    background-repeat:no-repeat;
    background-position: center;
    display: none;
    cursor: pointer;
}
.condition_item:hover .remove_condition{
    display: block;
}

/** Format result search*/
.result_search_content{
    position:relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.result_result{
    height:100%;
    position:relative;
    padding-top:15px;
    padding-bottom:10px;
}

.result_result:hover{
    background-color:#EEE;
}

.result_result p{
    font-size: 13px;
    color:#333;
    line-height: 18px;
    margin:5px;
    padding:0px;
    overflow: hidden;
    max-height: 90px;
}

.result_result_avatar{
    float: left;
    width:80px;
    height:80px;
    line-height: 60px;
    vertical-align: middle;
    position:absolute;
    top:15px;
    left:0px;
    text-align: center;
}
.result_result_avatar img{
    vertical-align: middle;
    max-height: 60px;
    max-width: 60px;
}
.result_result_info{
    padding-left:80px;
}

.result_result_info_title{
    font-size: 14px;
    font-weight: bold;
}

.result_result_info_link a{
    color:#006621;
}

.hight_light{
    border-bottom:2px solid red;
    padding-left: 5px;
    padding-right: 5px;
}

/** Format header*/
.search_center{
    float: left;
    position:relative;
}
#quick_search{
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    padding-right:30px;
    width:200px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

#quick_search:focus{
    width:300px;
}

#bt_quick_search{
    position:relative;
    top:7px;
    left:-34px;
}

#quick_search_result_panel{
    position:absolute;
    width:340px;
    border:1px solid #999;
    left:0px;
    top:27px;
    background-color:#FFF;
    z-index:999;
    display:none;
}
.more_result{
    font-size:13px;
    font-weight: bold;
    color:#333;
    padding-left:20px;
    background-color:#EEE;
    height:40px;
    line-height:40px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}
.more_result a{
    color:#333;
}
.more_result:hover{
    background-color:#CCC;
}

.quick_search_result_content{
    list-style: none;
    padding:0px;
    margin:0px;
    webkit-user-select: none; 
    -moz-user-select: none;    
    -ms-user-select: none;
}

.quick_search_result_content li{
    font-size:13px;
    padding-left: 20px;
    cursor: default;
    line-height: 20px;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:80px;
    position:relative;
}

.quick_search_result_content li:hover{
    background-color:rgba(1,123,160,0.6);
}

.quick_search_result_content p{
    margin:0px;
    padding:0px;
    color:#333;
    padding-left:10px;
}

.quick_search_result_content a{
    color:#333;
}
.item_quick_title{
    font-weight: bold;
}

.quick_search_avatar{
    width:80px;
    height:70px;
    line-height: 70px;
    vertical-align: middle;
    position:absolute;
    left:0px;
    top:0px;
    text-align: center;

}
.quick_search_avatar img{
    max-width: 70px;
    max-height: 60px;
    vertical-align: middle;
    margin-top:-3px;
}

/** Format upload block*/
.upload_block{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:relative;
    min-width: 100px;
    min-height: 100px;
    box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    overflow: hidden;
}
.upload_block_file_swap{
    width:100%;
    height:32px;
    background-color:rgba(0,0,0,0.7);
    position:absolute;
    left:0px;
    top:0px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    top:-32px;
    text-align: center;
    overflow: hidden;
}
.upload_block_file_swap p{
    font-size: 13px;
    color:#FFF;
    padding:0px;
    margin:0px;
    line-height:32px;
    font-weight: bold;
}
.upload_block:hover .upload_block_file_swap{
    top:0px;
}

.upload_block input[type="file"]{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    opacity: 0;
}
.upload_block img{
    max-width: 250px;
    max-height: 250px;
    vertical-align: middle;
}

.process_bar{
    height:10px;   
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    background-color: rgba(0,0,0,0.3);
    display: none;
    z-index:999999;
}
.process_bar div{
    background-color:rgba(66,139,202,0.9);
    height:100%;
    width:0%;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
.confirm_upload{
    width:64px;
    height:32px;
    background-color: rgba(255,255,255,0.9);
    position:absolute;
    right:-80px;
    bottom:10px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 -2px 10px #333;
    -webkit-box-shadow: 0 -2px 10px #333;
    -moz-box-shadow: 0 -2px 10px #333;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
.confirm_upload div{
    float: left;
    width:32px;
    height:32px;
    background-repeat: no-repeat;
    background-position: center;
}
.bt_upload{
    background-image: url(../image/ok1.png);
}
.bt_cancel_upload{
    background-image: url(../image/cancel1.png);
}

/** Format table
table{
width:100%;
color:#333;
border-collapse:collapse;
}
table,th,td{
border:1px solid #999;
}
table th{
font-size: 13px;
font-weight: bold;
line-height: 40px;
padding-left:20px;
background-color:rgba(240,240,240,0.4);
}
table td{
font-size: 13px;
padding-left: 10px;
line-height: 32px;
}

tr:hover{
background-color:#EEE;
}
*/
/** FORMAT METRO TABLE*/
.metro_table{
    padding-bottom:1px;
    margin-bottom:10px;
}
.metro_table_title{
    font-size: 14px;
    font-weight: normal;
    padding: 10px 11px 10px 15px;
    line-height: 12px;
    margin: 0;
    font-family: 'MyriadPro-Regular';
    color:#FFF;
}

.metro_table_content{
    padding:10px;
    background-color:#FFF;
    margin:1px;
    margin-bottom: 0px;
}

.metro_table_content table{
    width:100%;
    border-collapse: collapse;
    border-left: 0;
    font-family: 'Arial';
    font-size: 13px;
    border: 1px solid #ddd;
}
.metro_table_content table thead{
    color:#999;
}
.metro_table_content table thead th{
    background-color: #DDD;
    color: #666;
    border-left: 1px solid #ddd;
    font-weight: bold;
    padding: 8px;
    line-height: 20px;
    text-align: left;
}

.metro_table_content table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.metro_table_content table td{
    padding: 8px;
    line-height: 20px;
    text-align: left;
    border:none;
    border-top: 1px solid #ddd;
    color:#888;
}
.metro_table_content a{
    color:#4a8bc2;
}
.metro_table_content a:hover{
    border-bottom:1px solid #4a8bc2;
    padding-bottom: 2px;
}
.table_bt_metro_edit,.table_bt_metro_delete{ 
    color: #fff;
    border-radius: 0;
    outline: none;
    border: none !important;
    font-size:16px;
    padding:6px 12px !important;
    color: #FFF !important;
}
.table_bt_metro_edit{
    background-color: #2fade7;
}
.table_bt_metro_delete{
    background-color: #c1552b;
}

/** Format hot product*/
.list_hot_product img{
    max-width:60px;
    max-height:60px;    
}
.list_hot_product th:first-child{
    text-align: center;
}
.list_hot_product th:last-child{
    text-align: center;
}
.list_hot_product td:first-child{
    text-align: center;
    vertical-align: middle;
}
.list_hot_product td img{
    vertical-align: middle;
    margin-top:-3px;
}
.list_hot_product td:last-child{
    text-align: center;
}

.image_block_content{
    height: 400px;
    position:absolute;
    width:600px;
    overflow-x: hidden;
    overflow-y: auto;
}
.image_block_content>div{
    width:25%;
    height: 100px;
    position:relative;
    float: left;
}
.image_block_content>div>img{
    max-height: 80%;
    max-width: 80%;
    margin-top:-3px;
}
.image_item:hover{
    background-color:#CCC;
}
.image_item{
    vertical-align: middle;
    text-align: center;
    line-height: 100px;
}

.image_item img{
    vertical-align: middle;
}

.image_tool{
    position:absolute;
    bottom:20px;
    background-color: rgba(1, 123, 160, 0.8);
    padding:0px;
    margin:0px;
    list-style: none;
    padding-top:10px;
    padding-bottom:10px;
    right:-200px;
    width:200px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: none;
}
.image_tool li{
    line-height: 24px;
    padding-left:20px;
    padding-right:20px;
    color:#FFF;
    font-size:14px;
    cursor: default;
    position:relative;
    display: block;
}

.image_tool li:hover{
    background-color:rgba(199,53,56,0.8);
}
.hide_image_tool{
    width:24px;
    height:24px;
    position:absolute !important;
    top:0px;
    left:-24px;
    padding:0 !important;
    background-color:rgba(1, 123, 160, 0.9);
}
#edit_hot_product_form{
    overflow: hidden !important;
    width:600px !important;
}
.select_image{
    background-color:#999;
}
.upload_image{
    height:24px;
    display: block;
    width:200px !important;
    position:relative !important;
    overflow: hidden;
}
#fileupload{
    width:200px;
    height:24px;
    position:absolute;
    top:0px;
    left:0px;
    opacity: 0;
    display: none;
    display: block;
    padding:0;
    margin:0;
}

.image_block_swap{
    height: 400px !important;
    width:600px !important;
    overflow:hidden !important;
    position:absolute !important;
    top:0px;
    left:0px;
}

.hot_image::after{
    content: 'Hot';
    height:20px;
    line-height: 20px;
    background-color:red;
    color:#FFF;
    display: inline-block;
    position:absolute;
    top:10px;
    right:0px;
    font-size:13px;
    padding-left: 8px;
    padding-right:8px;
}

.default_image::after{
    content: 'Default';
    height:20px;
    line-height: 20px;
    background-color:red;
    color:#FFF;
    display: inline-block;
    position:absolute;
    top:10px;
    right:0px;
    font-size:13px;
    padding-left: 8px;
    padding-right:8px;
}

.highlight_image::after{
    content: 'Noi bat';
    height:20px;
    line-height: 20px;
    background-color:red;
    color:#FFF;
    display: inline-block;
    position:absolute;
    top:10px;
    right:0px;
    font-size:13px;
    padding-left: 8px;
    padding-right:8px;
}

/** Format category slide*/
.category_slide{
    width:220px;
    float: left;
    position:relative;  
    height: 300px;  
    overflow: hidden;
    z-index:9;
}

.category_slide ul{
    list-style: none;
    padding: 0;
    margin: 0;
    background-color:#FFF;
    /*border:1px solid #666;*/
    box-shadow: 0px 10px 10px #333;
    -moz-box-shadow: 0px 10px 10px #333;
    -webkit-box-shadow: 0px 10px 10px #333;
}
.category_slide li{
    margin:1px;
    float: left;
    width:106px;
    height: 106px;
    display: block;
    /*background-repeat: no-repeat;
    background-image: url('../image/icon-laptop.png');
    background-position: center; */
    position:relative;
    vertical-align: middle;
    line-height: 106px;
    text-align: center;
}
.category_slide li img{
    vertical-align: middle;
    max-height: 64px;
    max-width: 64px;
    margin-top:-20px;
}
.category_slide li:hover{
    box-shadow:0px 0px 20px #000 inset;  
    -moz-box-shadow:0px 0px 20px #000 inset;  
    -webkit-box-shadow:0px 0px 20px #000 inset;    
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;    
}

.category_slide li:nth-child(4n){
    background-color:#D9532D;
}

.category_slide li:nth-child(4n + 1){
    background-color:#FF8A00;
}

.category_slide li:nth-child(4n + 2){
    background-color:#0084CC;
}

.category_slide li:nth-child(4n + 3){
    background-color:#197B30;
}
.category_slide li a{
    display: block;
    font-size:11px;
    color:#FFF;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    position:absolute;
    bottom:-40px;
    left:10px;
    line-height: 14px;
    bottom:5px;
}

#bt_show_more_category{
    width:50px;
    height:20px;
    background-color:rgba(0, 150, 0, 0.9);
    position:absolute;
    left:50%;
    top:280px;
    margin-left: -25px;
    display:none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border:none;
    background-image: url('../image/arrow_down.png');
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    box-shadow: 0px 0px 5px #FFF inset;
    -moz-box-shadow: 0px 0px 5px #FFF inset;
    -webkit-box-shadow: 0px 0px 5px #FFF inset;
}

#bt_show_more_category:focus{
    background-image: url('../image/arrow_up.png');
}
.category_slide_content{
    box-shadow: 0px 10px 10px #333;
    -moz-box-shadow: 0px 10px 10px #333;
    -webkit-box-shadow: 0px 5px 10px #333;
    background-color:rgba(255,255,255,0.5);
}

/** Format category manage*/
.category_image_upload_swap{
    margin:20px;
    position:relative;
    display: inline-block;
}
.category_image_upload_swap img{
    max-width: 200px;
    max-height: 150px;
}
.category_image_upload_swap input[type="file"]{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0;
}

.small_title{
    color: #83B81A;
    font-family: Trebuchet MS,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 15px;
    font-style: italic;
}

#tableDisplayCatalog img{
    max-width: 60px;
    max-height: 50px;
    vertical-align: middle;
}
#tableDisplayCatalog th:first-child{
    text-align: center;
    width:80px;
    padding-left: 0 !important;
}
#tableDisplayCatalog td:first-child{
    text-align: center;
    vertical-align: middle;
    padding-left: 0 !important;
    /*background-color:#CCC;*/
    padding-top: 10px;
    padding-bottom:10px;
}

#tableDisplayCatalog th:last-child{
    text-align: center;
    width:100px;
    padding-left: 0 !important;
}
#tableDisplayCatalog td:last-child{
    text-align: center;
    vertical-align: middle;
    padding-left: 0 !important;
}

/** Format home page*/
#bt_loadmore{
    text-align: center;
    color:#333;
    font-size:14px;
    line-height: 32px;
    margin-top:10px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    cursor: pointer;
    font-weight: bold;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    line-height: 32px;
    vertical-align: middle;
}

#bt_loadmore img{
    vertical-align: middle;
    margin-right: 20px;
    display: none;
}

#bt_loadmore:hover{
    background-color:#EEE;
}

/** Format category page*/
.bt_change_layout{
    text-align: center;   
    cursor: pointer;
}
.bt_change_layout:hover{
    text-decoration: underline;
}

#product_layout_form{
    text-align: left;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width:800px !important;
}
#product_layout_form .default_product_layout{
    width:220px !important;
}

#product_layout_form .small_product_layout .item_info p{
    height:24px;
    line-height: 12px;
    overflow: hidden;
}

.item_active{
    position:relative;
}
.item_active::after{
    content: '';
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    z-index:9999;
    left:0;
    top:0;
}

/** Format suggestion search*/
.suggestion_search_area{
    padding: 0;
    margin:0;
    border:1px solid #CCC;
    height: 32px;
    border-top:none;
    list-style: none;
    background-color:rgba(255,255,255,0.5);
}
.suggestion_search_area>li{
    float: left;
    padding-left: 20px;
    padding-right:20px;
    line-height: 32px;
    height:32px;
    font-size:13px;
    color:#333;
    position:relative;
}
.suggestion_search_area>li:first-child{
    background-color:#DDD;
}
.suggestion_search_area>li:first-child::after{
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent !important;
    border-left: 10px solid #DDD !important;
    border-bottom: 17px solid transparent !important;
    border-right: none !important;
    position:absolute;
    right:-10px !important;
    top:0px !important;
}

.suggestion_search_area>li::after{
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #666666;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 13px;
    width: 0;
}
.suggestion_search_area>li>ul{
    list-style: none;
    position:absolute;
    top:32px;
    left:0px;
    display: block;
    background-color:#FFF;
    z-index:9999;
    border:1px solid #CCC;
    display: none;
    padding:0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 320px;
}

.suggestion_search_area>li>ul>li{
    width:200px;
    line-height: 32px;
    padding-left:30px;
}
.suggestion_search_area>li>ul>li:hover{
    background-color:#CCC;
}

.suggestion_search_area>li:hover ul{
    display: block;
}
.suggestion_search_area a{
    color:#333;
}

/** Format popup load page*/
#form_page{

}

#form_page .content{
    display: none;
}

#form_page .page_loading{
    width:100%;
    height:100%;
    vertical-align: middle;
    text-align: center;
    position:absolute;
    top:250px;
}
#form_page .page_loading img{
    vertical-align: middle;
}

*:focus {
    outline: 0;
}

*::-moz-focus-inner { 
    border: 0; 
}

/** Format */
.img_item{
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
.popup_bg{
    background-color:rgba(0,0,0,0.9);
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:99999;
    display: none;
}

/** Format detail page*/
.detail_description{
    font-size: 14px;
    color:#444;
}

/** Format chi tiet san pham*/
.chitietspdivcontent>div>p{
    color:#333;
    margin:0px;
    padding:10px 20px;
    font-size:12px;
}

.chitietspdivcontent>div{
    background-color:#FFF;
    box-shadow: 0 0 10px #CCC;
    -moz-box-shadow: 0 0 10px #CCC;
    -webkit-box-shadow: 0 0 10px #CCC;
    position:relative;
}
.chitietspdivcontent a{
    color:#444 !important;
    font-size:14px;
}
.follow_panel p{
    padding:0;
    margin:0;
    line-height:32px;
}
.chitietspdivcontent>div::after{
    border-radius: 10px / 90px;
    bottom: 25px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.7);
    content: '';
    height: 20%;
    position: absolute;
    width: 45%;
    z-index: -2;
    right: 5px;
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}

/** Format heart*/
#heart{
    width:33px;
    height:32px;
    top:10px;
    right:10px;
    position:absolute;
    background-image:url('../image/heart.png');
    background-repeat: no-repeat;
    background-position: center;
}
.hear_active{
    top: 0px !important;
    left: 0px !important;
    opacity: 1 !important;
}
.heart_effect{
    width:33px;
    height:32px;
    position: absolute;
    top:-200px;
    left:200px;
    opacity: 0px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    background-image:url('../image/heart_active.png');
    background-repeat: no-repeat;
    background-position: center;
}
#heart p{
    color:red;
    font-weight: bold;
    position:absolute;
    left:-20px;
    top:0px;
    line-height:32px;
    margin:0;
}

.follow_panel>div{
    box-shadow: 0 0 10px #CCC;
    -moz-box-shadow: 0 0 10px #CCC;
    -webkit-box-shadow: 0 0 10px #CCC;
    float: left;
    background-color:#FFF;
    margin-top:10px;
    padding:0 20px;
    margin-right:10px;
    background: -webkit-linear-gradient(top, #FFF, #EEE);
    background: -moz-linear-gradient(top, #FFF, #EEE);
    background: -ms-linear-gradient(top, #FFF, #EEE);
    background: -o-linear-gradient(top, #FFF, #EEE);
}

/** Format beautiful Shadow*/
.shadow{
    position:relative;
    background-color: #FFF;
    box-shadow: 0 1px 8px #CCC;
    -moz-box-shadow: 0 1px 8px #CCC;
    -webkit-box-shadow: 0 1px 8px #CCC;
}

.shadow::before, .shadow::after {
    content: '';
    position: absolute;
    z-index: -2;
    bottom: 15px;
    left: 20px;
    width: 50%;
    height: 15%;
    border-radius: 10px/90px;
    box-shadow: 0 15px 10px rgba(0,0,0,0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.shadow::after {
    right: 20px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

/** Format product manager*/

#table_hot_product td{

}
.description_cell{
    
}
.description_cell div{
    line-height: 20px;
    max-height: 100px;
    overflow: hidden;
    text-align: justify;
}

.avatar_cell{
    line-height: 64px !important;
}

#bt_contact{
    width:48px;
    height:48px;
    background-image:url('../image/contact.png');
    position:absolute;
    right:20px;
    bottom:20px;
    border: 2px solid transparent;
    padding:10px;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
#bt_contact:hover{
    border-radius: 100px;
    border:2px solid #666;
}

/** Format comment box*/
.comment_box{
    padding-top:20px;
    position:relative;
    width:650px;
}
.comment_box .image_content{
    display: block;
    position:absolute;
    top:20px;
    left:10px;
    width:70px;
    height:70px;
    text-align: center;
}

.comment_box .image_content img{
    max-height: 64px;
    max-width: 64px;
}

.comment_box .text_content{
    padding-left:90px;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:relative;
}
.comment_box .text_content textarea{
    width:100%;
    resize: none;
    padding:10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:1px solid #CCC;
    margin:0px;
    height:42px;
    color:#333;
    overflow: hidden;
}
.text_content textarea:focus{
    border-color:#0d5cab;
}
.comment_box .button_panel{
    margin-top: 10px;
    text-align: right;
    display: none;
}
.comment_box .text_content::before{
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid #CCC;
    border-left: 15px solid transparent;
    position:absolute;
    top:0px;
    left:76px;
}
.comment_box .text_content::after{
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid #FFF;
    border-left: 14px solid transparent;
    position:absolute;
    top:1px;
    left:78px;
}
.focus_comment_box .button_panel{

}
.focus_comment_box::before{
    border-top-color: #0d5cab !important;
}
.focus_comment_box textarea{
    min-height: 64px;
}

.user_comment{
    color:#2793E6 !important;
    font-size:13px;
}
.arer_comment label:nth-child(5){
    color:#333 !important;
    font-family: Verdana,Helvetica,sans-serif !important;
}

.arer_comment a{
    color:#333 !important;
    font-family: Verdana,Helvetica,sans-serif !important;
    margin-right:10px;
}
.count_like,.count_like_reply{
    margin-right:20px;
    font-size:16px;
}
.bt_reply_comment{
    margin-top:10px;
}

.reply_comment_box{
    width:100% !important;
    margin-bottom: 20px;
}

/** Format tab*/
#form_setting{text-align: left;}
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}

/** Format setting popup*/
.product_layout_swap .small_product_layout{
    width:250px !important;
}
.product_layout_swap .default_product_layout{
    width:210px !important;
}
.product_layout_swap .layout1_product_layout{
    width:210px !important;
}
.control_panel{
    padding:10px;
    border-bottom:1px solid #CCC;
}

.item_select{
    position:relative;
}
.item_select::after{
    width:150px;
    height:50px;
    content: 'SELECTED';
    text-align: center;
    line-height: 50px;
    color:#FFF;
    font-size: 30px;
    background-color:red;
    position:absolute;
    right:0px;
    top:10px;
    left:auto;
}

/** Format alert Box*/
#my_alert_box{
    padding:10px;
    height: auto !important;
}

/** Format Category Menu*/
.main_menu_bar{
    position:relative;
    /*background-color:#1abc9c;*/
    width:1100px;
    height:40px;
    margin-top:65px;
}
.main_menu_bar ul{
    list-style: none;
    background-color:#FFF;
    margin:0px;
    padding:0px;
}
.main_menu_bar li{
    font-size:13px;
    color:#333;
}
.main_menu_bar a:hover{
    background-color:#2882bc;
    color:#FFF;
}
.main_menu_bar li a{
    color:#333;
    line-height: 40px;
    display: block;
    height:40px;
    padding-left:20px;
    padding-right:20px;
}

.main_menu_bar>ul>li{
    float: left;
    line-height: 40px;  
}
.main_menu_bar>ul>li>a{
    font-weight: bold;
    color: #FFF;
}
.main_menu_bar>ul>li:hover ul{
    display: block;
}
.main_menu_bar>ul>li>ul{
    position:absolute;
    width:1096px;
    min-height: 200px;
    z-index:99;
    display: block;
    left:0px;
    top:40px;
    height:40px;
    display: none;
    border:2px solid #2882bc;
    border-top-width: 5px;
}
.main_menu_bar>ul>li>ul>li{
    float: left;
}
.main_menu_bar img{
    position:absolute;
    z-index:100;
}
.main_menu_bar>ul>li:hover>img{
    display: block;
}
.main_menu_bar>ul>li>img{
    right:-70px;
    top:60px;
    display: none;
}
.main_menu_bar>ul>li>ul img{
    display: none;
}

.catalog_70_img{
    top:30px !important;
}

.active_category{
    background-color:#2882bc;
}

.current_category{
    background-color:#f7660b;
}

.current_category>a{
    color:#FFF !important;
}
/** FORMAT QUICK VIEW FORM*/

#quick_view_form{
    position:fixed;
    z-index:99999;
    background-color:#FFF;
    top:100px;
    left:100px;
    width:1100px;
    height:500px;
    display: none;
}

.close_quick_view_form{
    width:32px;
    height:32px;
    position:absolute;
    top:-5px;
    right:-5px;
    background-image:url('../image/remove_condition.png');
    cursor: pointer;
}
#quick_view_form .content_form{
    width:100%;
    height:100%;
    text-align: left;
}

.left_quick_view_content{
    width:700px;
    float: left;
    background-color:#000;
    height: 100%;;
    position:relative;
}

.right_quick_view_content{
    width:370px;
    float: right;
    padding:10px;
    padding-left:20px;
    padding-top:0px;
    margin-top:25px;
    position:relative;
    overflow-x: hidden;
    overflow-y: auto;
    height:450px;
}
.right_quick_view_content .image_content img{
    max-height: 48px;
    max-width: 48px;
}
.left_quick_view_content .bjqs-markers{
    display: none;
}

.left_quick_view_content .bjqs-slide{
    line-height:500px !important;
}
.left_quick_view_content .bjqs-slide img{
    max-height: 500px;
}

.left_quick_view_content .bjqs-controls{
    opacity: 0;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.left_quick_view_content .bjqs-controls a{
    background-color:transparent !important;
}

.left_quick_view_content:hover .bjqs-controls{
    opacity: 1;
}

.quick_view_title{
    line-height: 50px;
    position:absolute;
    bottom:0px;
    left:0px;
    color:#EEE;
    text-align: center;
    width:100%;
    background-color:rgba(0,0,0,0.8);
    font-weight: bold;
}
.quick_view_info{
    padding-left:10px;
}
.quick_view_info p{
    margin:0px;
    line-height:18px;
    color:#444;
    font-size:12px;
}
.hightlight_text{
    font-size:30px;
    font-weight: bold;
    color:red;
    line-height: 50px;
    margin-left:20px;
    text-shadow: 2px 2px 3px #999;
}
.quick_view_description{
    background-color: #edeff4;
    padding:5px;
    margin-top:10px !important;
    position:relative;
}
.quick_view_description::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #edeff4;
    position:absolute;
    top:-10px;
    left:30px;
}

.right_quick_view_content .comment_box{
    width:auto;
}
.right_quick_view_content .image_content{
    width:50px !important;
    height:50px !important;
}
.right_quick_view_content .comment_box .text_content{
    padding-left:76px !important;
}
.right_quick_view_content .comment_box .text_content::after{
    left:64px !important;
}

.right_quick_view_content .comment_box .text_content::before{
    left:62px !important;
}
.right_quick_view_content .content_comment{
    width:auto !important;
}
.right_quick_view_content .li_comment{
    width:auto !important;
    margin-left:0px !important;
}
.right_quick_view_content .image_content img{
    max-height: 48px !important;
    max-width:48px !important;
}

.right_quick_view_content .comment_content{
    width:280px !important;
}
.right_quick_view_content .time_publish{
    font-size:11px !important;
    color:#555 !important;
}
.right_quick_view_content .li_comment_reply{
    padding-left: 5px !important;
    width:auto !important;
}

.right_quick_view_content .li_comment_reply .time_publish{
    display:block !important;
    float: none !important;
    margin-top:5px;
    margin-bottom:-15px !important;
}
.right_quick_view_content .reply_content{
    width:210px !important;
    margin-left:5px !important;
    padding-left:0px !important;
}
.right_quick_view_content #bt_contact{
    top:50px !important;
    bottom:auto !important;
    right:5px !important;
}

.on_top{
    z-index:99999;
}
.quick_view_loading{
    width:100%;
    height:100%;
    line-height:500px;
    vertical-align: middle;
    text-align: center;
    position:absolute;
    top:0px;
    left:0px;
    background-color:#000;
}
.quick_view_loading>img{
    vertical-align: middle;
}
.pre_product_view,.next_product_view{
    height:64px;
    width:48px;
    position:absolute;
    top:215px;
    background-repeat: no-repeat;
    background-position: center;
}
.pre_product_view{
    left:-50px;
    background-image:url('../image/pre.png');
}
.next_product_view{
    right:-50px;
    background-image:url('../image/next.png');
}
.small_title_header{
    color: #333333;
    font-family: Trebuchet MS,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
}

/** FORMAT EDIT FORM*/
.edit_property_form{
    position:absolute;
    z-index:99;
    width:250px;
    background-color:#FFF;
    border:1px solid #CCC;
    display: none;
    border:1px solid #CCC;
    /*border: 1px solid #666666;*/
    /*box-shadow: 0 0 10px #333333;
    -moz-box-shadow: 0 0 10px #333333;
    -webkit-box-shadow: 0 0 10px #333333;*/
    padding:10px;
}
.edit_property_form input[type="text"],.edit_property_form textarea{
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.edit_property_form::after{
    background-image: url("../image/dropdown_arrow.png");
    content: "";
    height: 24px;
    left: 20px;
    position: absolute;
    top: -19px;
    width: 24px;
}
.edit_property_form textarea{
    height:100px;
    resize: none;
}
.edit_property_form .custom_combobox{
    display: block !important;   
}
.edit_property_form .custom_combobox input[type="text"]{
    height: 38px !important;
    line-height:38px !important;
}

/** FORMAT SETTING FORM*/
#form_setting .ui-widget-header{
    background-color: #FFF;
}
#form_setting .ui-widget-header li{
    border:1px solid #CCC !important;
    border-right-width: 1px !important;
}

#form_setting .ui-tabs-active{
    margin-bottom:1px !important;
}

/** FORMAT SUGESTION FOR SUER*/
.suggestion_item{
    width:800px;
    height:320px;
    position:fixed;
    display:none;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    z-index:99999;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    border:5px solid #FFF;
    background-color:#FFF;
}
.suggestion_content{
    width:100%;
    height:100%;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.next_suggestion {
    width: 50px;
    height: 50px;
    left: -25px;
    top: 50%;
    margin-top: -25px;
    position: absolute;
    background-color:#FFF;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.next_suggestion::after{
    background-color: #FFF;
    position:absolute;
    content: '';
    left:12px;
    top:-37px;
    width:60px;
    height:88px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.suggetion_category_item{
    width:20%;
    height:50%;
    float: left;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom:24px;
}

.suggetion_category_item .image_content{
    width:100%;
    height:100%;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height:134px;
}
.suggetion_category_item .image_content img{
    max-width:60%;
    max-height:60%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle;
}
.suggetion_category_item .info_content{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:100%;
    height:24px;
}
.suggetion_category_item .info_content p{
    margin:0px;
    padding:0;
    padding-left: 20px;
    line-height:24px;
    margin-top:-10px;
    color:#FFF;
    text-align: left;
    font-size:13px;
}

.suggetion_category_item:hover{
    box-shadow:0px 0px 20px #000 inset;  
    -moz-box-shadow:0px 0px 20px #000 inset;  
    -webkit-box-shadow:0px 0px 20px #000 inset;    
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;    
}

.suggetion_category_item:nth-child(4n){
    background-color:#D9532D;
}

.suggetion_category_item:nth-child(4n + 1){
    background-color:#FF8A00;
}

.suggetion_category_item:nth-child(4n + 2){
    background-color:#0084CC;
}

.suggetion_category_item:nth-child(4n + 3){
    background-color:#197B30;
}
.close_suggestion{
    position:absolute;
    cursor: pointer;
    right:-14px;
    top:-38px;
    width:32px;
    height:32px;
    background-image:url('../image/close_message.png');
    background-repeat: no-repeat;
    background-position: center;
}
.suggestion_item h1{
    position:absolute;
    top:-60px;
    left:0px;
    color:#FFF;
    font-size:24px;
}
.category_suggestion_title{
    position:absolute;
    top:-60px;
    left:0px;
}
.category_suggestion_next{
    position:absolute;
    top:125px;
    left:-120px;
}
#manufacturer_suggestion .suggetion_category_item{
    display: table;
    vertical-align: middle;
    padding:10px;
}
#manufacturer_suggestion .suggetion_category_item p{
    vertical-align: middle;
    font-size: 20px;
    color:#FFF;
    display: table-cell;
}
#list_menufacturer_suggestion{
    position:fixed;
    width:623px;
    height:227px;
    display:none;
    left:20px;
    background-image:url('../image/nhasanxuat.png');
    background-repeat: no-repeat;
    background-position: center;  
    bottom:0px;
}
#list_menufacturer_suggestion p{
    position: absolute;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #ba2527;
    width: 100px;
    top: 22px;
    left: 105px;
    font-style: italic;
}
#list_menufacturer_suggestion .suggestion_content{
    list-style: none;
    margin: 0;
    padding: 0;
    left:125px;
    bottom:10px;
    position:absolute;
    width:480px;
    height: auto;
}
#list_menufacturer_suggestion .suggestion_content li{
    line-height: 32px;
    padding-left: 20px;
    font-size:13px;
    color:#333;
    cursor: pointer;
    float: left;
    width:200px;
}
#list_menufacturer_suggestion .suggestion_content li:hover{
    background-color:rgba(1, 123, 160, 0.8);
    color: #FFF;
}
.close_menufacturer_suggestion{
    position:absolute;
    cursor: pointer;
    right:40px;
    top:80px;
    width:32px;
    height:32px;
    background-image:url('../image/remove_condition.png');
    background-repeat: no-repeat;
    background-position: center;
}
.no_link{
    cursor: default;
}
/** FORMAT IMAGE IN DETAIL PAGE*/
.float_left{
    margin:20px;
    margin-left:0px;
    float: left;
    clear: left;
    display:inline-block;
    line-height:0px;
}
.float_right{
    margin:20px;
    margin-right:0px;
    float: right;
    clear: right;
    display:inline-block;
    line-height:0px;
}
.shadow_img{
    text-align: center;
    clear: both;
    float: none !important;
    display: block !important;
    margin:0px !important;
}
/** STYLE BOX SHADOW*/
.shadow_img img{

}
.clear_both{
    text-align: center;
    clear: both;
}
/** FORMAT LOGIN FORM*/
.cusstom_form{
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
}
.cusstom_form .ui-dialog-titlebar{
    height:100px;
    line-height: 100px;
    background-repeat: no-repeat;
    background-position: 20px center;
    background-image: url(../image/1390308785_lock.png);
}
.cusstom_form .ui-dialog-titlebar span{
    margin-left:80px;
}
.cusstom_form .ui-dialog-titlebar a{
    background: none !important;
    border:none !important;
    margin:0 !important;
    padding:0 !important;
}
.cusstom_form .ui-dialog-titlebar a span{
    background-image: url(../css/ui-lightness/images/ui-icons_ffffff_256x240.png) !important;
}
.cusstom_form .ui-dialog-content{

}
.cusstom_form input[type="text"]{
    border:1px solid #DDD !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:100%;
    height: 40px;
    line-height: 40px;
}
.cusstom_form input[type="password"]{
    border:1px solid #DDD !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:100%;
    height: 40px;
    line-height: 40px;
}
.cusstom_form .ui-dialog-content>div{
    padding:10px;
    margin:10px 20px;
    margin-left: 60px;
    position:relative;
}
.cusstom_form .custom_combobox{
    display: block !important;
}
.cusstom_form .option_panel {
    border:1px solid #DDD !important;
}
.cusstom_form .ui-dialog-content>div>label{
    width:40px;
    height:40px;
    display: block;
    position:absolute;
    top:10px;
    left:-30px;
    background-color:#DDD;
    background-position: center;
    background-repeat: no-repeat;
}
.div_user>label{
    background-image: url(../image/user_name.png);
}
.div_pass>label{
    background-image: url(../image/pass.png);
}
.div_pass>input[type="button"]{
    width:36px;
    height:36px;
    display: block;
    position:absolute;
    top:12px;
    right:12px;
    background-color:#DDD;
    background-position: center;
    background-repeat: no-repeat;
    background-image:url(../image/arrow_left_right.png);
    background-color:rgba(1, 123, 160, 1);
    border:none;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
.div_pass>input[type="button"]:hover{
    background-color:rgba(1, 123, 160, 0.5);
}
.div_control{
    margin-left: 25px !important;
}
.div_control input{
    width:48%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 60px;
    background-color:rgba(1, 123, 160, 1);
    border:none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: left;
    padding-left: 70px;
    color: #FFF;
    font-weight: bold;
}
.div_control input:hover{
    background-color:rgba(1, 123, 160, 0.5) !important;
}
#bt_show_register{
    background-image: url(../image/add_users-48.png);
}
#bt_login_cancel{
    background-image: url(../image/secrecy_surreptitiousness-48.png);
}
.div_user_name>label{
    background-image: url(../image/user_name.png);
}
.div_password>label{
    background-image: url(../image/pass.png);
}
.div_email>label{
    background-image: url(../image/email.png);
}
.div_location>label{
    background-image: url(../image/location.png);
}

.cusstom_form_register .ui-dialog-content>div{
    margin-top:0px !important;
    margin-bottom:0px !important;
}

#bt_register_form{
    background-image: url(../image/add_users-48.png);
}
#bt_show_login_form{
    background-image: url(../image/secrecy_surreptitiousness-48.png);
}

/** FORMAT FLAT METRO BUTTON*/
.flat_metro_button{
    color: #fff !important;
    border-radius: 0;
    outline: none;
    border: none !important;
    font-size:16px;
    padding:6px 12px !important;   
}
.flat_metro_button i{
    margin-left:5px;
    margin-right:5px;
}
.flat_metro_button:hover{
    opacity: 0.8;
}

.green_metro_style{
    background-color:#73b748;
}
.orange_metro_style{
    background-color:#f27b53;
}
.blue_metro_style{
    background-color: #0bc0cb;
}
.violet_metro_style{
    background-color:#9d4a9c;
}
.slive_metro_style{
    background-color:#777f8a;
}

/** END */